body{
			width : 100%;
		    /* min-width: 1464px; */
		    height: 100%;
		    min-height: 854px;
}
.bg_nav{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}
.bg_nav>img:nth-child(1) {
	width: 100%;
	height: 100%;
}
.bg_nav>img:nth-child(2) {
	position: absolute;top: -50%; left: -50%;
	width: 200%; height: 200%;
}

h1 {
	/* padding: 0;margin: 0; */
}

header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;background: rgba(27, 26, 61, 0.8);
	color: white;
}

header a {
	color: white;
}

.container-fluid {
	padding: 0;
	display: flex;
	justify-content: center;
}

.navbar {
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 99999;
	padding: 10px 0;
}

#nav {
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar-nav li {
	margin-left: 30px;
}

a {
	text-decoration: none;
}

.logo {
	display: flex;
	align-items: center;
}

.logo span {
	color: #00b9df;
	margin-left: 0.5rem;
	font-weight: 700;
	font-size: 32px;
}

.slogan {
	width: 1000px;
	padding-bottom: 35px;
}

.slogan>div:first-child {
	color: white;
	font-size: 26px;
	padding-bottom: 15px;
}

.slogan>div:last-child {
	color: #00b9df;
	font-size: 32px;
}

#slider_one {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.example {
	width: 1208px;
	height: 458px;
}

.ft-carousel {
	width: 100%;
	height: 100%;
}

.down {
	width: 1208px;
}

.down_contetion {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	color: #FFFFFF;
	padding-top: 50px;
	position: relative;
}

.down_contetion>div {
	position: relative;
	cursor:  pointer;
}

.down_contetion>div>div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-size: 26px;
}
.tow_one{
	display: flex; justify-content: space-evenly; width: 1200px;
	color: white;
}
.text_content{
	display: flex; flex-direction: column;  margin-top: -20px;
	width: 34%; justify-content: center;
}
.phone{
	width: 26%; position: relative;
}
.phone>img{
	width: 100%;
}
.phone_banar{
	position: absolute; width: 88%; height: 75%; 
	left: 5%; top: 11%;
}
.text_content>div:first-child{
	font-size: 32px; padding-bottom: 50px;
}
.text_content>div:last-child{
	font-size: 26px; color: #00B9DF;
}

.article_list{
	width: 1200px; display: flex; flex-wrap: wrap;
}
.article_list>div{
	width: 280px; height: 300px;margin-bottom: 10px; margin-left: 20px;
	border-radius: 5px;position: relative;background-color: #FFFFFF;
}
.article_content_title_text{
	color: black;
}
.article_list>div>div{
	height: 50%;width: 100%; 
}
.article_img>img{
	width: 100%; height: 100%;
}
.article_content{
	display: flex; justify-content: space-between;align-items: center;flex-direction: column;
}
.article_content>div{
	width: 90%; height: 100%;
}
.article_content_title{
	font-weight: 700; font-size: 18px;
}
.article_content_litter{
	font-size: 8px; color: gray;
}
.article_review{
	display: flex; align-items: center; justify-content: space-between;
}
.article_data{
	display: flex; flex-direction: column; justify-content: space-evenly;
}
.article_review>div{
	display: flex;justify-content: center;align-items: center;
}
.article_review>div>span{
	padding-right: 6px;color: gray;font-size: 8px;
}
.article_review>div>img{
	transform:scale(0.8)
}

.footer{
	position: absolute; width: 100%; left: 0; bottom: 0; height: 60px;
	display: flex; justify-content: center; color: white;
}
.footer_content{
	width: 80%;display: flex; flex-direction: column;justify-content: space-evenly;
	font-size: 10px;
}
.footer_content>div{
	width: 100%; display: flex; justify-content: center;
}
/* 悬浮按键 */
.android_suspend {
	position: absolute;
	left: 0;
	top: 15vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 40px;
	background: white;
	border-radius: 6px;

}

.android_suspend>div {
	width: 100%;
	cursor: pointer;
}

.Suspend_header {
	display: flex;
	position: relative;
	color: white;
}

.Suspend_header>div {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 100%;
}

.Suspend_header>img {
	width: 100%;
}

.android_code {
	word-break: break-word;
	font-size: 16px;
	text-align: center;
	width: 20px !important;
}

.ios_suspend {
	position: absolute;
	right: 0;
	top: 15vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 40px;
	background: white;
	border-radius: 6px;
}

.ios_suspend>.Suspend_header>div img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.ios_suspend>div {
	width: 100%;
	cursor: pointer;
}
.android_down_text{
	display: flex;justify-content: center;align-items: center;
}
.Leave{
	position: absolute; right: 0; bottom: 20vh;display: flex;flex-direction: column;
}
.Leave>img{
	cursor: pointer;
}
/* 下载点击后的执行效果 */
.change_width {
	width: 300px;
	transtion: all .3s linear;
	-webkit-transtion: all .3s linear;
}
.rotate1{
	/* background: url(../img/web/Point.png) no-repeat; */
	-moz-transform:rotate(180deg); 
	 -webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
/* 隐藏 手机轮播里面的 左右切换按钮 */
#carousel_4 .carousel-btn{
	display: none;
}
.section_header{
	width: 100%; display: flex; justify-content: center;align-items: center;
	padding-bottom: 20px;
}
.section_header>div{
	width:70%; display: flex; justify-content: center;align-items: center;color: #00B9DF;
}
.section_header>div>div{
	display: flex; justify-content: center;align-items: center;
	flex-grow: 2;
}
.section_header>div>div:nth-child(2){
	width: 120px; flex-grow: initial;font-size: 18px; font-weight: 700;
}
.section_header>div>div>div{
	border-bottom: 1px solid #00B9DF;width: 90%;
}